$('.header-main .site').hover(function(e) {
    $(this).addClass('site1');
    $('.side-main').addClass('show')
}, function(e) {
    $(this).removeClass('site1');
    $('.side-main').removeClass('show').hover(function() {
        $(e.target).addClass('site1');
        $('.side-main').addClass('show')
    }, function() {
        $(e.target).removeClass('site1');
        $('.side-main').removeClass('show')
    })
});


$('.header-main-right li:nth-child(5)').hover(function(e) {
    $(this).addClass('li1');
    $('.side-nav').addClass('show')
}, function(e) {
    $(this).removeClass('li1');
    $('.side-nav').removeClass('show').hover(function() {
        $(e.target).addClass('li1');
        $(this).addClass('show')
    }, function() {
        $(e.target).removeClass('li1');
        $(this).removeClass('show')
    })
});

// 购物车
$('.shop').hover(function(e) {
    $(this).addClass('shop1');
    $('.shop-nav').addClass('show')
}, function(e) {
    $(this).removeClass('shop1');
    $('.shop-nav').removeClass('show').hover(function() {
        $(e.target).addClass('shop1');
        $(this).addClass('show')
    }, function() {
        $(e.target).removeClass('shop1');
        $(this).removeClass('show')
    })
});
// 楼层导航
var mainOffsetTop = $('#main1').offset().top;
console.log(mainOffsetTop);
$(window).scroll(function() {
    if ($(this).scrollTop() >= mainOffsetTop - 5) {
        $('#sidebar').fadeIn(640);
    } else {
        $('#sidebar').fadeOut(640);
    };
    // 滚轮
    $('.floor').each(function(index, value) {
        if ($(window).scrollTop() >= value.offsetTop) {
            $('.item1').eq(index).addClass('active').siblings().removeClass('active');
        }
    });
});
// 点击跳转内容区
$('#sidebar .item1').click(function(e) {
    e.preventDefault();

    var indexValue = $(this).index();
    var topValue = $('.floor').eq(indexValue).offset().top + 5;
    console.log(topValue);
    $('html').animate({
        scrollTop: topValue
    }, 100);
});
// 回顶部
// $('#back_top').click(function() {
//     $('html').animate({
//         scrollTop: 0
//     }, 100);
// });
// 热门推荐
$('.D-main1-lis11-list li').mouseover(function() {
    $(this).addClass('current').siblings().removeClass('current');
    $('.item').eq($(this).index()).addClass('div_show').siblings().removeClass('div_show');

});

// 通用

$.getJSON('../js/domesticAppliance/Appliance.json', function(data) {
    // 厨房电器
    // console.log(data);
    var lu = $('.list1')
    showPage(data[0].kitchen[0], lu);
    $('.zhuanb1 ul li').mouseover(function() {
        $(this).addClass('on').siblings().removeClass('on');
        var indexValue = $(this).index();
        showPage(data[0].kitchen[indexValue], lu)
    });
    // 大家电
    var lu1 = $('.list2')
    showPage(data[0].major[0], lu1);
    $('.zhuanb2 ul li').mouseover(function() {
        $(this).addClass('on').siblings().removeClass('on');
        var indexValue = $(this).index();
        showPage(data[0].major[indexValue], lu1)
    });
    // 个人健康
    var lu2 = $('.list3')
        // console.log(data[0].health[0][0].nuwl);
    showPage(data[0].health[0], lu2);
    $('.zhuanb3 ul li').mouseover(function() {
        $(this).addClass('on').siblings().removeClass('on');
        var indexValue = $(this).index();
        showPage(data[0].health[indexValue], lu2)
    });
    // 五金家族
    var lu3 = $('.list4')
    showPage(data[0].Hardware[0], lu3);
    $('.zhuanb4 ul li').mouseover(function() {
        $(this).addClass('on').siblings().removeClass('on');
        var indexValue = $(this).index();
        showPage(data[0].Hardware[indexValue], lu3)
    });
    // 生活电器
    var lu4 = $('.list5')
    showPage(data[0].electric[0], lu4);
    $('.zhuanb5 ul li').mouseover(function() {
        $(this).addClass('on').siblings().removeClass('on');
        var indexValue = $(this).index();
        showPage(data[0].electric[indexValue], lu4)
    });
})


function showPage(data, lu) {
    // console.log(data[0]);
    var pageDatas = `
    <li class="first">
      <div class="p-img">
        <a href="" target="_blank"><img src="${data[0].nowurl}" alt=" "> </a>
    </div>
    <div class="p-info">
        <div class="info-name"><a href="" target="_blank">${data[0].goods_title} </a></div>
        <div class="info-handle">
            <div class="info-price">${data[0].goods_price} </div>
            <a href="h" class="info-btn" target="_blank">查看详情</a>
        </div>
    </div>
</li>`;
    for (var i = 1; i < data.length; i++) {
        pageDatas += `
        <li>
        <div class="p-img">
            <a href="" target="_blank"><img src="${data[i].nowurl}" alt=""></a>
        </div>
        <div class="p-name"><a href="" target="_blank" title="">${data[i].goods_title} </a></div>
        <div class="p-price">${data[i].goods_price}</div>
    </li> `
    };
    lu.html(pageDatas);
}
// 浏览滚动// 轮播图

$('.D-browsing-list').hover(function() {
    $('.D-browsing-box-show .left').css('display', 'block')
    $('.D-browsing-box-show .right').css('display', 'block')

}, function() {
    $('.D-browsing-box-show .left').css('display', 'none')
    $('.D-browsing-box-show .right').css('display', 'none')
    $('.D-browsing-box-show>a').hover(function() {
        $('.D-browsing-box-show>a').css('display', 'block')
    }, function() {
        $('.D-browsing-box-show>a').css('display', 'none')
    })
})
var falg1 = 0;
var num = -1200;
console.log($('.D-yuan'));
$('.D-yuan').click(function() {
    $(this).addClass('active1').siblings().removeClass('active1');
    $('.D-browsing-box-show .right').click();
    falg1 = $(this).index() - 1;
})
$('.D-browsing-box-show .right').click(function() {
    if (falg1 >= 2) {
        return;
    } else {
        $('.D-browsing-list').css('left', (falg1 + 1) * num + 'px');
        $('.D-yuan').eq(falg1 + 1).addClass('active1').siblings().removeClass('active1');
        falg1++;
    }
})
$('.D-browsing-box-show .left').click(function() {
    if (falg1 <= 0) {
        return;
    } else {
        $('.D-browsing-list').css('left', (falg1 - 1) * num + 'px');
        $('.D-yuan').eq(falg1 - 1).addClass('active1').siblings().removeClass('active1');
        falg1--;
    }
});
// **************js***************************
// ----------------侧边栏通用(第一个)------------------------
var liEs = document.querySelectorAll('#quick_links ul li');
var ibar_login_box = document.querySelector('.ibar_login_box');
// console.log(liEs);
liEs[0].onmouseover = function() {
    ibar_login_box.style.display = 'block';
}
liEs[0].onmouseout = function() {
        ibar_login_box.style.display = 'none';
    }
    //---------------侧边栏(下面每一项)------------------------
var onEle = document.querySelectorAll('.ones');
var mp_tooltip = document.querySelectorAll('.mp_tooltip');
// console.log(onEle);
// console.log(mp_tooltip);
function side() {
    for (var i = 0; i < mp_tooltip.length; i++) {
        mp_tooltip[i].className = 'mp_tooltip';
    }
};
for (var j = 0; j < onEle.length; j++) {
    onEle[j].index = j;
    onEle[j].onmouseover = function() {
        side();
        mp_tooltip[this.index].className = 'mp_tooltip ele';
    }
    onEle[j].onmouseout = function() {
        side();
    }
}






// ---------------------------侧边栏右侧出现-------------------
var shopCart = document.querySelector('#shopCart');
var ibar_closebtn = document.querySelector('.ibar_closebtn');
var quick_links_wrap = document.querySelector('.quick_links_wrap');
shopCart.onclick = function() {
    quick_links_wrap.style.width = '320px';
}
ibar_closebtn.onclick = function() {
    quick_links_wrap.style.width = '40px';
}
$('.returnTop').click(function(e) {
    $("html").animate({
        scrollTop: 0
    }, 1000);
})
var mainOffsetTop = $("#brand").offset().top;
$(window).scroll(function(e) {
    if ($(window).scrollTop() >= mainOffsetTop) {
        $('.returnTop').addClass('show');
    } else {
        $('.returnTop').removeClass('show');
    }
});
$(function() {
    $(window).scroll(function() {
        if ($(window).scrollTop() >= 240) {
            $('.returnTop').addClass('show');

        } else {
            $('.returnTop').removeClass('show');
        }
    })
})